<template>
    <!-- 近期重点机会 -->
    <div class="opportunity">
      <div class="head" style="border-bottom: 1px solid #ececec;padding-left: 20px;">
           <p style="line-height: 50px;font-weight: 700;">近期重点机会</p>
    </div>
    <div class="content">
          <Echarts :idName="'opportunity'" :echartsData="echartsData"></Echarts>

    </div>
  </div>
</template>


<script>
import Echarts from '../../components/echarts.vue'
export default {
components:{
    Echarts
},
data(){
    return {
      echartsData:{
        xAxisData:['2018-06-30', '2018-07-09', '2018-07-18', '2018-07-27', '2018-08-05', '2018-08-14'],
        series: [
    {
      name: '新增机会',
      type: 'line',
      stack: 'Total',
      areaStyle: {},
      emphasis: {
        focus: 'series'
      },
      data: [120, 132, 101, 134, 90, 230, 210],
      smooth:true

    },
    {
      name: '重点机会',
      type: 'line',
      stack: 'Total',
      areaStyle: {},
      emphasis: {
        focus: 'series'
      },
      data: [220, 182, 191, 234, 290, 330, 310],
      smooth:.3

    }
 
 

  ]


      },

    }
}
}
</script>

<style scoped>
* {
  margin:0;
}
</style>